<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/reset.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    
    <div id="common-top">
      <div id="top-content" class="clearfix">
        <p id="login-info">
          <a href="/tmall">
            <span class="glyphicon glyphicon-home"></span>
            天猫首页
          </a>
          <em>欢迎来天猫</em>
          <a href="" class="login">请登录</a>
          <a href="" class="login">免费注册</a>
        </p>

        <ul id="quick-menu">
          <li class="shoporders">
            <a href="#">我的订单</a>
          </li>
          <li class="shopcart">
            <a href="#">
              <span class="glyphicon glyphicon-shopping-cart"></span>
              购物车<span class="cart-count">0</span>件
            </a>
          </li>
          <li class="separator">|</li>
          <li class="mobile">
            <a href="#">手机版</a>
          </li>
          <li class="sitemap">
            <div class="sitemap-menu">

              <h3 class="sitemap-menu-title">
                <span class="glyphicon glyphicon-th-list"></span>
                <span>网站导航</span>
                <b></b>
              </h3>

              <div class="sitemap-menu-content">
                <div class="site-cont site-hot">
                  <h2>热点推荐<span>Hot</span></h2>
                  <ul class="site-list">
                    <li><a href="#">天猫超市</a></li>
                    <li><a class="hot" href="#">喵鲜生</a></li>
                    <li><a href="#">科技新品</a></li>
                    <li><a href="#">女装新品</a></li>
                    <li><a href="#">酷玩街</a></li>
                    <li><a href="#">内衣新品</a></li>
                    <li><a class="hot" href="#">试美妆</a></li>
                    <li><a href="#">运动新品</a></li>
                    <li><a href="#">时尚先生</a></li>
                  </ul>
                </div>

                <div class="site-cont site-market">
                  <h2>行业市场<span>Matket</span></h2>
                  <ul class="site-list">
                    <li><a href="#">美妆</a></li>
                    <li><a href="#">电器</a></li>
                    <li><a class="hot" href="#">女装</a></li>
                    <li><a href="#">男装</a></li>
                    <li><a href="#">女鞋</a></li>
                    <li><a href="#">男鞋</a></li>
                    <li><a href="#">内衣</a></li>
                    <li><a class="hot" href="#">箱包</a></li>
                    <li><a href="#">运动</a></li>
                    <li><a href="#">母婴</a></li>
                    <li><a href="#">家装</a></li>
                    <li><a class="hot" href="#">医药</a></li>
                  </ul>
                </div>

                <div class="site-cont site-brand">
                  <h2>品牌风尚<span>Brand</span></h2>
                  <ul class="site-list">
                    <li><a href="#">尚天猫</a></li>
                    <li><a href="#">大牌街</a></li>
                    <li><a href="#">潮牌街</a></li>
                    <li><a href="#">天猫原创</a></li>
                    <li><a href="#">什么牌子好</a></li>
                  </ul>
                </div>

                <div class="site-cont site-help">
                  <h2>服务指南<span>Help</span></h2>
                  <ul class="site-list">
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">品质保障</a></li>
                    <li><a href="#">7天退换货</a></li>
                  </ul>
                </div>

              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>




    <div id="common-footer">
      <div id="footer-ensure" class="clearfix">
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
      </div>

      <div id="footer-desc">     
        <dl>
          <dt>
            <span>购物指南</span>
          </dt>
          <dd>
            <a href="#">免费注册</a>
            <a href="#">开通支付宝</a>
            <a href="#">支付宝充值</a>
          </dd>
        </dl>
        <dl>
          <dt>
            <span>购物指南</span>
          </dt>
          <dd>
            <a href="#">免费注册</a>
            <a href="#">开通支付宝</a>
            <a href="#">支付宝充值</a>
          </dd>
        </dl>
        <dl>
          <dt>
            <span>购物指南</span>
          </dt>
          <dd>
            <a href="#">免费注册</a>
            <a href="#">开通支付宝</a>
            <a href="#">支付宝充值</a>
          </dd>
        </dl>
        <dl>
          <dt>
            <span>购物指南</span>
          </dt>
          <dd>
            <a href="#">免费注册</a>
            <a href="#">开通支付宝</a>
            <a href="#">支付宝充值</a>
          </dd>
        </dl>
        <dl>
          <dt>
            <span>购物指南</span>
          </dt>
          <dd>
            <a href="#">免费注册</a>
            <a href="#">开通支付宝</a>
            <a href="#">支付宝充值</a>
          </dd>
        </dl>
      </div>

      <div id="footer-copyright"> 

        <p class="copyright-info">
          <a href="#">关于天猫</a>         
          <a href="#">帮助中心</a>
          <a href="#">开放平台</a>
          <a href="#">诚聘英才</a>
          <a href="#">联系我们</a>
          <a href="#">网站合作</a>
          <a href="#">法律声明及隐私权政策</a>
          <a href="#">知识产权</a>
          <a href="#">廉正举报</a>
          <a href="#">规则意见征集</a>
        </p>

        <p class="copyright-otherlink">
          <a href="#">阿里巴巴集团</a>|
          <a href="#">淘宝网</a>|
          <a href="#">天猫</a>|
          <a href="#">聚划算</a>|
          <a href="#">全球速卖通</a>|
          <a href="#">阿里巴巴国际交易市场</a>|
          <a href="#">支付宝</a>|
          <a href="#">阿里云计算</a>|
          <a href="#">阿里通信</a>|
          <a href="#">阿里妈妈</a>
        </p>

        <div class="copyright-content">
          增值电信业务经营许可证：
          <a href="#">浙B2-20110446</a>
          网络文化经营许可证：
          <a href="#">浙网文[2015]0295-065号</a>
          <a href="#">12318举报</a>
          <br>
          互联网药品信息服务资质证书编号：
          <a href="#">浙-（经营性）-2017-0005</a>
          <b>© 2003-2017 TMALL.COM 版权所有</b>
          <p class="copyright-img">
            <a href="#"></a>
              <img src="image/copyright-img1.jpg" alt="">
            </a>
            <a href="#"></a>
              <img src="image/copyright-img2.jpg" alt="">
            </a>
          </p>
        </div>
      </div>
    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.1.0.js"></script>
 
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>